<!DOCTYPE html>
<html dir="ltr" lang="en">
<head>

<!-- Meta Tags -->
<meta name="viewport" content="width=device-width,initial-scale=1.0"/>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<meta name="description" content="Kodelaw - Lawyers Attorneys and Law Firm HTML Template"/>
<meta name="keywords" content="Lawyers, advisor, attorney, business, judge, kodelaw, legal ,"/>
<meta name="author" content="ThemeMascot"/>

<!-- Page Title -->
<title>Kodelaw - Lawyer Attorney and Law Firm HTML Template</title>

<!-- Favicon and Touch Icons -->
<link href="images/favicon.png" rel="shortcut icon" type="image/png">
<link href="images/apple-touch-icon.png" rel="apple-touch-icon">
<link href="images/apple-touch-icon-72x72.png" rel="apple-touch-icon" sizes="72x72">
<link href="images/apple-touch-icon-114x114.png" rel="apple-touch-icon" sizes="114x114">
<link href="images/apple-touch-icon-144x144.png" rel="apple-touch-icon" sizes="144x144">

<!-- Stylesheet -->
<link href="assets/dist/css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="assets/dist/css/animate.min.css" rel="stylesheet" type="text/css">
<link href="assets/dist/css/javascript-plugins-bundle.css" rel="stylesheet"/>

<!-- CSS | menuzord megamenu skins -->
<link href="assets/dist/js/menuzord/css/menuzord.css" rel="stylesheet"/>

<!-- CSS | timeline -->
<link href="assets/dist/js/timeline-cp-responsive-vertical/timeline-cp-responsive-vertical.css" rel="stylesheet" type="text/css">

<!-- CSS | Main style file -->
<link href="assets/dist/css/style-main.css" rel="stylesheet" type="text/css">
<link id="menuzord-menu-skins" href="assets/dist/js/menuzord/css/skins/menuzord-rounded-boxed.css" rel="stylesheet"/>

<!-- CSS | Responsive media queries -->
<link href="assets/dist/css/responsive.css" rel="stylesheet" type="text/css">
<!-- CSS | Style css. This is the file where you can place your own custom css code. Just uncomment it and use it. -->

<!-- CSS | Theme Color -->
<link href="assets/dist/css/colors/theme-skin-color-set1.css" rel="stylesheet" type="text/css">

<!-- external javascripts -->
<script src="assets/dist/js/jquery.js"></script>
<script src="assets/dist/js/bootstrap.min.js"></script>
<script src="assets/dist/js/javascript-plugins-bundle.js"></script>
<script src="assets/dist/js/menuzord/js/menuzord.js"></script>

<!-- <link href="css/style.css" rel="stylesheet" type="text/css"> -->


<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
	<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
	<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body class="container-1340px">
<div id="wrapper" class="clearfix">
	<!-- Header -->
	<header id="header" class="header header-layout-type-header-2rows">
		<div class="header-top ">
			<div class="container">
				<div class="row">
					<div class="col-xl-auto header-top-left align-self-center text-center text-xl-left">
						<ul class="element contact-info">
							<li class="contact-phone"><i class="fa fa-phone font-icon sm-display-block"></i> Tel: +440-98-5298</li>
							<li class="contact-email"><i class="fa fa-envelope-o font-icon sm-display-block"></i> info@example.com</li>
							<li class="contact-address"><i class="fa fa-map-o font-icon sm-display-block"></i> 121 King Street, Melbourne</li>
						</ul>
					</div>
					<div class="col-xl-auto ml-xl-auto header-top-right align-self-center text-center text-xl-right">
						<div class="element">
							<ul class="header-top-nav list-inline">
								<li class="menu-item"><a title="Home" class="menu-item-link" href="#"><strong>Home</strong></a></li>
								<li class="menu-item"><a title="Home" class="menu-item-link" href="#"><strong>Cart</strong></a></li>
								<li class="menu-item"><a title="Home" class="menu-item-link" href="#"><strong>Contact Us</strong></a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="header-nav">
			<div class="header-nav-wrapper navbar-scrolltofixed green">
				<div class="menuzord-container header-nav-container green ">
					<div class="container position-relative">
						<div class="row">
							<div class="col">
								<div class="row header-nav-col-row">
									<div class="col-sm-auto align-self-center">
										<a class="menuzord-brand site-brand" href="index.html">
											<img class="logo-default logo-1x" src="images/logo-wide.png" alt="Logo">
											<img class="logo-default logo-2x retina" src="images/logo-wide@2x.png" alt="Logo">
										</a>
									</div>
									<div class="col-sm-auto ml-auto pr-0 align-self-center">
										<nav id="top-primary-nav" class="menuzord green" data-effect="fade" data-animation="none" data-align="right">
											<ul id="main-nav" class="menuzord-menu">
												<li class="active"><a href="index.html">Home</a></li>
												<li><a href="page-about.html">About</a></li>
												<li><a href="#">Pages</a>
													<ul class="dropdown">
														<li><a href="page-features.html">Features</a></li>
														<li><a href="page-services.html">Services</a></li>
														<li><a href="page-case-studies.html">Case Studies</a></li>
														<li><a href="page-team-grid.html">Attorney Grid</a></li>
														<li><a href="page-team-details.html">Attorney Details</a></li>
														<li><a href="page-gallery.html">Gallery</a>
													</ul>
												</li>
												<li><a href="#">Services</a>
													<ul class="dropdown">
														<li><a href="page-services.html">Service Grid</a></li>
														<li><a href="page-service-criminal-law.html">Criminal Law</a></li>
														<li><a href="page-service-family-law.html">Family Law</a></li>
														<li><a href="page-service-personal-injury.html">Personal Injury</a></li>
														<li><a href="page-service-legal-advice.html">Legal Advice</a></li>
														<li><a href="page-service-education-law.html">Education Law</a></li>
														<li><a href="page-service-business-law.html">Business Law</a></li>
													</ul>
												</li>
												<li><a href="#">Blog</a>
													<ul class="dropdown">
														<li><a href="news-grid.html">News Grid</a></li>
														<li><a href="news-details.html">News Details</a></li>
													</ul>
												</li>
												<li><a href="page-contact.html">Contact</a></li>
											</ul>
										</nav>
									</div>
								</div>
								<div class="row d-block d-xl-none">
									 <div class="col-12">
										<nav id="top-primary-nav-clone" class="menuzord d-block d-xl-none default menuzord-color-default menuzord-border-boxed menuzord-responsive" data-effect="slide" data-animation="none" data-align="right">
										 <ul id="main-nav-clone" class="menuzord-menu menuzord-right menuzord-indented scrollable">
										 </ul>
										</nav>
									 </div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</header>
	
	<!-- Start main-content -->
	<div class="main-content">
		<!-- Section: home -->
		<section class="page-title divider layer-overlay overlay-dark-8 section-typo-light bg-img-center" data-tm-bg-img="images/bg/bg1.jpg">
			<div class="container pt-90 pb-90">
				<!-- Section Content -->
				<div class="section-content">
					<div class="row">
						<div class="col-md-12 text-center">
							<h2 class="title text-white">Attorney Details</h2>
							<nav role="navigation" class="breadcrumb-trail breadcrumbs">
								<div class="breadcrumbs">
									<span class="trail-item trail-begin">
										<a href="#"><span>Home</span></a>
									</span>
									<span><i class="fa fa-angle-right"></i></span>
									<span class="trail-item"><a href="#"><span>Pages</span></a></span>
									<span><i class="fa fa-angle-right"></i></span>
									<span class="trail-item trail-end text-theme-colored2"><span>Attorney Details</span></span>
								</div>
							</nav>
						</div>
					</div>
				</div>
			</div>
		</section>

		<!-- Section: Team Details -->
		<section  data-tm-bg-img="images/pattern/p6.png">
			<div class="container">
				<div class="section-content">
					<div class="row">
						<div class="col-md-12 col-lg-6">
							<div class="mb-md-30">
								<img src="images/team/tm.jpg" alt="">
							</div>
						</div>
						<div class="col-md-12 col-lg-6">
							<h2 class="name mb-0">Robert Smith</h2>
							<h5 class="text-theme-colored2 mb-30">Senior Attorney</h5>
							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt culpa dicta quaerat qui recusandae possimus placeat quidem ipsam voluptates similique libero tempore, labore quasi delectus vero alias, consectetur blanditiis eum maxime sunt accusantium ipsa doloribus reiciendis. Ea quod reprehenderit deserunt. Veritatis omnis similique.</p>
							<h6 class="mt-30 mb-20">Special For:</h6>
							<div class="tm-sc tm-sc-unordered-list font-size-14">
								<ul class="row">
									<li class="col-sm-6">Criminal Law</li>
									<li class="col-sm-6">Family Law</li>
									<li class="col-sm-6">Personal Injury</li>
									<li class="col-sm-6">Legal Advice</li>
								</ul>
							</div>
							<div class="mt-20 mb-20">
								<a class="staff-mail text-theme-colored2 mb-20" href="#">yourmail@info.com</a>
								<p class="staff-phone">Tel: 800-700-6200</p>
							</div>
							<ul class="styled-icons icon-md icon-dark icon-rounded icon-theme-colored2 mt-30">
								<li><a class="social-link" href="#" ><i class="fa fa-facebook"></i></a></li>
								<li><a class="social-link" href="#" ><i class="fa fa-twitter"></i></a></li>
								<li><a class="social-link" href="#" ><i class="fa fa-youtube"></i></a></li>
								<li><a class="social-link" href="#" ><i class="fa fa-instagram"></i></a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</section>
		
		<!-- Section: Why Choose Us -->
		<section>
			<div class="container pt-90">
				<div class="section-title">
					<div class="row justify-content-md-center">
						<div class="col-md-8">
							<div class="text-center mb-60">
								<div class="tm-sc tm-sc-section-title section-title section-title-style1 text-center bg-img-center bg-no-repeat line-bottom-style3-bordered-line">
									<div class="title-wrapper">
										<h2 class="title"> <span class="">Why </span> <span class="text-theme-colored1">Choose</span> <span class=""> Us</span></h2>
										<div class="title-seperator-line"></div>
										<div class="paragraph">
											<p>Explore Our Completed Projects! Consectetur adipiscing elitt elit tellus, luctus pulvinar dapibus leoconsectetur luctus nec.</p>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="section-content">
					<div class="row">
						<div class="col-md-6 col-lg-4">
							<div class="tm-sc tm-sc-icon-box icon-box icon-left tm-iconbox-icontype-font-icon text-left iconbox-centered-in-responsive iconbox-theme-colored2 icon-position-icon-left mb-40">
								<div class="icon-box-wrapper">
									<a class="icon icon-type-font-icon icon-default"> <img src="images/icon/b1.png" alt="Image"></a>
									<div class="icon-text">
										<h4 class="icon-box-title mt-0">Best Attorneys</h4>
										<div class="content">
											<p>You can place Industrial content here or place Industrial content here or place kind of details</p>
										</div>
									</div>
									<div class="clearfix"></div>
								</div>
							</div>
						</div>
						<div class="col-md-6 col-lg-4">
							<div class="tm-sc tm-sc-icon-box icon-box icon-left tm-iconbox-icontype-font-icon text-left iconbox-centered-in-responsive iconbox-theme-colored2 icon-position-icon-left mb-40">
								<div class="icon-box-wrapper">
									<a class="icon icon-type-font-icon icon-default"> <img src="images/icon/b2.png" alt="Image"></a>
									<div class="icon-text">
										<h4 class="icon-box-title mt-0">Fight For Justice</h4>
										<div class="content">
											<p>You can place Industrial content here or place Industrial content here or place kind of details</p>
										</div>
									</div>
									<div class="clearfix"></div>
								</div>
							</div>
						</div>
						<div class="col-md-6 col-lg-4">
							<div class="tm-sc tm-sc-icon-box icon-box icon-left tm-iconbox-icontype-font-icon text-left iconbox-centered-in-responsive iconbox-theme-colored2 icon-position-icon-left mb-40">
								<div class="icon-box-wrapper">
									<a class="icon icon-type-font-icon icon-default"> <img src="images/icon/b3.png" alt="Image"></a>
									<div class="icon-text">
										<h4 class="icon-box-title mt-0">30 Years Experience</h4>
										<div class="content">
											<p>You can place Industrial content here or place Industrial content here or place kind of details</p>
										</div>
									</div>
									<div class="clearfix"></div>
								</div>
							</div>
						</div>
						<div class="col-md-6 col-lg-4">
							<div class="tm-sc tm-sc-icon-box icon-box icon-left tm-iconbox-icontype-font-icon text-left iconbox-centered-in-responsive iconbox-theme-colored2 icon-position-icon-left mb-md-40">
								<div class="icon-box-wrapper">
									<a class="icon icon-type-font-icon icon-default"> <img src="images/icon/b4.png" alt="Image"></a>
									<div class="icon-text">
										<h4 class="icon-box-title mt-0">Low Cost For Case</h4>
										<div class="content">
											<p>You can place Industrial content here or place Industrial content here or place kind of details</p>
										</div>
									</div>
									<div class="clearfix"></div>
								</div>
							</div>
						</div>
						<div class="col-md-6 col-lg-4">
							<div class="tm-sc tm-sc-icon-box icon-box icon-left tm-iconbox-icontype-font-icon text-left iconbox-centered-in-responsive iconbox-theme-colored2 icon-position-icon-left mb-md-40">
								<div class="icon-box-wrapper">
									<a class="icon icon-type-font-icon icon-default"> <img src="images/icon/b5.png" alt="Image"></a>
									<div class="icon-text">
										<h4 class="icon-box-title mt-0">Intelligent Lawyers</h4>
										<div class="content">
											<p>You can place Industrial content here or place Industrial content here or place kind of details</p>
										</div>
									</div>
									<div class="clearfix"></div>
								</div>
							</div>
						</div>
						<div class="col-md-6 col-lg-4">
							<div class="tm-sc tm-sc-icon-box icon-box icon-left tm-iconbox-icontype-font-icon text-left iconbox-centered-in-responsive iconbox-theme-colored2 icon-position-icon-left">
								<div class="icon-box-wrapper">
									<a class="icon icon-type-font-icon icon-default"> <img src="images/icon/b6.png" alt="Image"></a>
									<div class="icon-text">
										<h4 class="icon-box-title mt-0">Best Case strategy</h4>
										<div class="content">
											<p>You can place Industrial content here or place Industrial content here or place kind of details</p>
										</div>
									</div>
									<div class="clearfix"></div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- End Divider -->
	</div>
	<!-- end main-content -->
	
	<!-- Footer -->
	<footer id="footer" class="footer">
		<div class="footer-widget-area">
			<div class="container pt-90 pb-60">
				<div class="row">
					<div class="col-md-6 col-lg-6 col-xl-3">
						<div id="tm_widget_contact_info-1" class="split-nav-menu clearfix widget widget-contact-info clearfix mb-20">
							<div class="tm-widget tm-widget-contact-info contact-info contact-info-style1  contact-icon-theme-colored1">
								<div class="thumb">
									<img alt="Logo" src="images/logo-wide-white.png">
								</div>
								<div class="description">203, Envato Labs, Behind Alis Steet, Melbourne, Australia.immersion along the information close the loop on focusing</div>
							</div>
						</div>
						<div id="tm_widget_social_list_custom-1" class="split-nav-menu clearfix widget widget-social-list-custom clearfix">
							<ul class="tm-widget tm-widget-social-list tm-widget-social-list-custom styled-icons  icon-dark  icon-rounded icon-theme-colored1 mt-20">
								<li><a class="social-link" href="#" ><i class="fa fa-facebook"></i></a></li>
								<li><a class="social-link" href="#" ><i class="fa fa-twitter"></i></a></li>
								<li><a class="social-link" href="#" ><i class="fa fa-youtube"></i></a></li>
								<li><a class="social-link" href="#" ><i class="fa fa-instagram"></i></a></li>
							</ul>
						</div>
					</div>
					<div class="col-md-6 col-lg-6 col-xl-3">
						<div id="tm_widget_blog_list-1" class="split-nav-menu clearfix widget widget-blog-list clearfix">
							<h4 class="widget-title widget-title-line-bottom line-bottom-footer-widget line-bottom-theme-colored2">Latest News</h4>
							<div class="tm-widget tm-widget-blog-list "> 
								<!-- the loop -->
								<article class="post media-post clearfix"> <a class="post-thumb" href="#"><img width="100" height="70" src="images/blog/3.jpg" class="" alt="" /></a>
									<div class="post-right">
										<h6 class="post-title"> <a href="#">Customer Focused </a> </h6>
										<span class="post-date">
										<time class="entry-date" datetime="2019-05-15T06:10:26+00:00">April 15, 2019</time>
										</span> 
									</div>
								</article>
								<article class="post media-post clearfix"> <a class="post-thumb" href="#"><img width="100" height="70" src="images/blog/2.jpg" class="" alt="" /></a>
									<div class="post-right">
										<h6 class="post-title"> <a href="#"> School For Poor </a> </h6>
										<span class="post-date">
										<time class="entry-date" datetime="2019-07-15T06:10:26+00:00">June 15, 2019</time>
										</span> 
									</div>
								</article>
								<article class="post media-post clearfix"> <a class="post-thumb" href="#"><img width="100" height="70" src="images/blog/1.jpg" class="" alt="" /></a>
									<div class="post-right">
										<h6 class="post-title"> <a href="#"> Shelter For Homeless </a> </h6>
										<span class="post-date">
										<time class="entry-date" datetime="2019-09-15T06:10:26+00:00">November 15, 2019</time>
										</span> 
									</div>
								</article>
								<!-- end of the loop --> 
							</div>
						</div>
					</div>
					<div class="col-md-6 col-lg-6 col-xl-3">
						<div id="nav_menu-1" class="widget widget_nav_menu">
							<h4 class="widget-title widget-title-line-bottom line-bottom-footer-widget line-bottom-theme-colored2">Services</h4>
							<div class="menu-service-nav-menu-container">
								<ul id="menu-service-nav-menu" class="menu">
									<li class="menu-item menu-item-type-post_type menu-item-object-services menu-item-20545"><a href="#">Kitchen Remodel</a></li>
									<li class="menu-item menu-item-type-post_type menu-item-object-services menu-item-20546"><a href="#">Home Renovation</a></li>
									<li class="menu-item menu-item-type-post_type menu-item-object-services menu-item-20547"><a href="#">Home Repair</a></li>
									<li class="menu-item menu-item-type-post_type menu-item-object-services menu-item-20548"><a href="#">Painting</a></li>
									<li class="menu-item menu-item-type-post_type menu-item-object-services menu-item-20549"><a href="#/">Windows & Doors</a></li>
									<li class="menu-item menu-item-type-post_type menu-item-object-services menu-item-20550"><a href="#">Bathroom Remodel</a></li>
								</ul>
							</div>
						</div>
					</div>
					<div class="col-md-6 col-lg-6 col-xl-3">
						<div id="tm_widget_opening_hours_compressed-1" class="split-nav-menu clearfix widget widget-opening-hours-compressed clearfix">
							<h4 class="widget-title widget-title-line-bottom line-bottom-footer-widget line-bottom-theme-colored2">Opening Hours</h4>
							<ul class="tm-widget tm-widget-opening-hours tm-widget-opening-hours-compressed opening-hours border-dark">
								<li class="clearfix"> <span>Monday - Tuesday</span>
									<div class="value">9.00 - 17.00</div>
								</li>
								<li class="clearfix"> <span>Wednesday</span>
									<div class="value">9.00 - 16.00</div>
								</li>
								<li class="clearfix"> <span>Thursday - Friday</span>
									<div class="value">9.00 - 16.00</div>
								</li>
								<li class="clearfix"> <span>Saturday</span>
									<div class="value">9.00 - 16.00</div>
								</li>
								<li class="clearfix"> <span>Sunday</span>
									<div class="value">Closed</div>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<div class="footer-bottom" data-tm-bg-color="#2A2A2A">
				<div class="container">
					<div class="row pt-20 pb-20">
						<div class="col-sm-6">
							<div class="footer-paragraph">
								© 2019 ThemeMascot. All Rights Reserved.
							</div>
						</div>
						<div class="col-sm-6">
							<div class="footer-paragraph text-right">
								Site Template
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</footer>
	<a class="scrollToTop" href="#"><i class="fa fa-angle-up"></i></a>
</div>
<!-- end wrapper -->

<!-- Footer Scripts -->
<!-- JS | Custom script for all pages -->
<script src="assets/dist/js/custom.js"></script>

</body>
</html>